<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/detail.css">
</head>

<body>
    <header class="header"></header>
    <div class="banner" id="list">

    </div>
    <script type="text/html" id="detailTmplate">
        <div class="pro-main w-1280 clearfix">
            <div class="main">
                <div class="pro-view fl clearfix">
                    <div class="pro-view-l">
                        <ul id="gal1">
                            {{each imgs img}}
                            <li class="i">
                                <a class="zoomGalleryActive"  data-image="{{img}}" data-zoom-image="{{img}}">
                                <img src="{{img}}" style="display: inline;">
                            </li>
                            {{/each}}
                        </ul>
                    </div>
                    <div class="girlImg" id="box">
                        <img class="girl"
                            src="{{imgs[0]}}"
                            style="display: inline;">
                        <span></span>
                    </div>
                    <!-- <div id="bigBox" class="bigBox">
                        <img
                            src="{{imgs[0]}}">
                    </div> -->
                </div>
                <div class="pro-infos">
                    <div>
                        <h3 class="goods-name">{{title}}</h3>
                        <p class="goods-sn">款号:{{type}}</p>
                        <p class="goods-price">￥{{originPrice}}
                            <span class="mktprice">￥{{price}}</span>
                        </p>
                        <div class="promos">
                            <div class="promos-title fl">促销</div>
                            <div class="promos-content">
                                <a href="" title="【免运费】全场免运费">【免运费】全场免运费</a>
                                <a href="javascript:;"
                                    title="【全场满减】满699减60元_满1199减120元_满1599减160元">【全场满减】满699减60元_满1199减120元_满1599减160元</a>
                            </div>
                        </div>
                    </div>
                    <div class="J_pro_infos_b">
                        <p class="goods-attr goods-size J_goods_size">尺码：
                            <span class="sml"></span>
                        </p>
                        <ul class="attr_list size_list J_size_list">
                            {{each sizes size}}
                            <li class="attr_code size_code current"><span class="spans" title="{{size}}">{{size}}</span></li>
                            {{/each}}
                        </ul>
                        <div class="infos-panel">
                            <div class="infos-cell clearfix">
                                <div class="box-label fl">购买数量
                                    <em></em>
                                </div>
                                <div class="pro-num-edit fr">
                                    <a class="num-ops">-</a>
                                    <input value="1" type="text" name="" id="selectNum" class="num-input">
                                    <a class="num-opss">+</a>
                                </div>
                            </div>
                        </div>
                        <div class="goods-btns clearfix">
                            <a class="btn-addCart fl">加入购物车</a>
                            <a class="btn-toBuy fr" href="/html/shop.html">立即购买</a>
                        </div>
                    </div>
                </div>
                <div class="zongji">
                    <span>
                        0
                    </span>
                </div>
            </div>
        </div>
        <div class="pro-details">
            {{each detailImgs detailImg}}
            <img src="{{detailImg}}" alt="">
            {{/each}}
        </div>
    </script>
    <div class="footer"></div>
    <script src="/libs/require/require.min.js" data-main="/js/detail"></script>
</body>
</html>